<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>增强表单-input</title>
</head>
<body>
    <form action="">
        <p>
            颜色选择:<input type="color" name="color">
        </p>
        <p>
            邮箱输入:<input type="email" name="email">
        </p>
        <p>
            url地址:<input type="url" name="url">
        </p>
        <p>
            电话号码:<input type="tel" name="tel">
        </p>
        <p>
            滑块:<input type="range" name="range" min="100" max="200" value="120" step="10">
        </p>
        <p>
            数字类型:<input type="number" name="number" min="1" max="10" step="2">
        </p>
        <p>
            搜索:<input type="search" name="search">
        </p>
        <p>
            日期:<input type="date" name="date">
            月份:<input type="month" name="month">
            第几周:<input type="week" name="week">
            时分秒:<input type="datetime-local" name="datetime">
        </p>
        <input type="submit" value="提交">
    </form>
   
</body>
</html>